﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="个人博客模板,博客模板,响应式" />
<meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
<!--头部开始-->
 <link href="http://127.0.0.1/cms/cms/Template/black/css/base.css" rel="stylesheet">
<link href="http://127.0.0.1/cms/cms/Template/black/css/index.css" rel="stylesheet">
<link href="http://127.0.0.1/cms/cms/Template/black/css/media.css" rel="stylesheet">
<link href="http://127.0.0.1/cms/cms/Template/black/css/style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>

<body>
	<div class="ibody">
		<header>
			<h1>邦CMS</h1>
			<h2>我的生活像 拍了一出戏 有超多导演跟编剧</h2>
			<nav id="topnav">
				<a href="http://127.0.0.1/cms/cms/index.php">首页</a>
					
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/24">互联网新闻</a>
				
	
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/25">前端技术</a>
				
	
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/26">程序员生活</a>
				
	
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/27">编程开发</a>
				
	
					<a href="http://127.0.0.1/cms/cms/index.php/Index/list/index/cid/28">视频</a>
				
			</nav>
		</header>
<!--头部结束-->
  <article>
    <h2 class="about_h"><!--您现在的位置是：<a href="/">首页</a>><a href="1/">模板分享</a>><a href="1/">个人博客模板</a>--></h2>
    <div class="index_about">
      <h2 class="c_titile"> AngularJS logo  HTML的Web框架 AngularJS</h2>
      <p class="box_c"><span class="d_time">发布时间：2015-06-11</span><span>作者：oschina</span><span>浏览（16）</span></p>
      <ul class="infos">
        <p>Angular JS (Angular.JS) 
是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程，提供web应用的架构，无需进行手工DOM操作。 
AngularJS很小，只有60K，兼容主流浏览器，与 jQuery 配合良好。</p><p><img data-bd-imgshare-binded="1" src="/Upload/ueditor/image/20150611/1433983598633556.gif" alt=""/></p><p>数据绑定可能是AngularJS最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的web应用可能包含了80%的代码用来处理，查询和监听DOM。数据绑定使得代码更少，你可以专注于你的应用。</p><p>传
统来说，当model变化了。 
开发人员需要手动处理DOM元素并且将属性反映到这些变化中。这个一个双向的过程。一方面，model变化驱动了DOM中元素变化，另一方面，DOM元素
的变化也会影响到Model。这个在用户互动中更加复杂，因为开发人员需要处理和解析这些互动，然后融合到一个model中，并且更新View。这是一个
手动的复杂过程，当一个应用非常庞大的时候，将会是一件非常费劲的事情。</p><p><strong>特性二：模板</strong></p><p>在AngularJS中，一个模板就是一个HTML文件。但是HTML的内容扩展了，包含了很多帮助你映射model到view的内容。</p><p>HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM模板来生成一些指导，即，directive（指令）。所有的指令都负责针对view来设置数据绑定。</p><p>我
们要理解AuguarJS并不把模板当做String来操作。输入AngularJS的是DOM而非string。数据绑定是DOM变化，不是字符串的连
接或者innerHTML变化。使用DOM作为输入，而不是字符串，是AngularJS区别于其它的框架的最大原因。使用DOM允许你扩展指令词汇并且
可以创建你自己的指令，甚至开发可重用的组件。</p><p><strong>特性三：MVC</strong></p><p>针对客户端应用开发
AngularJS吸收了传统的MVC基本原则。MVC或者Model-View-Controll设计模式针对不同的人可能意味不同的东西。
AngularJS并不执行传统意义上的MVC，更接近于MVVM（Model-View-ViewModel)。</p><p><strong>特性四：依赖注入（Dependency Injection，即DI）</strong></p><p>AngularJS拥有内建的依赖注入子系统，可以帮助开发人员更容易的开发，理解和测试应用。</p><p>DI允许你请求你的依赖，而不是自己找寻它们。比如，我们需要一个东西，DI负责找创建并且提供给我们。</p><p><strong>特性五：Directives（指令）</strong></p><p>指令是我个人最喜欢的特性。你是不是也希望浏览器可以做点儿有意思的事情？那么AngularJS可以做到。<br/>指令可以用来创建自定义的标签。它们可以用来装饰元素或者操作DOM属性。</p><p><br/></p>      </ul>
      <div class="keybq">
        <p><span>关键字词</span>：
        					Javascript							互联新知识			        </p>
      </div>
      
      <div class="otherlink">
        <h2>相关文章</h2>
        <ul>
          	
          <li><a href="http://127.0.0.1/cms/cms/Static/black/qdjs/31.html" title="10 个优秀的JavaScript开发框架">10 个优秀的JavaScript开发框架</a></li>
          
	
          <li><a href="http://127.0.0.1/cms/cms/Static/black/qdjs/35.html" title=" AngularJS logo  HTML的Web框架 AngularJS"> AngularJS logo  HTML的Web框架 AngularJS</a></li>
          
        </ul>
      </div>
    </div>
  </article>
 <!--右边开始-->
  <aside>
    <div class="avatar"><a href="about.html"><span>关于邦</span></a></div>
    <div class="topspaceinfo">
      <h1>邦CMS</h1>
      <p>我的生活像 拍了一出戏 有超多导演跟编剧</p>
    </div>
    <div class="about_c">
      <p>网名：邦 </p>
      <p>职业：PHPer </p>
      <p>籍贯：江西省-赣州市</p>
      <p>电话：18650680200</p>
      <p>邮箱：375500819@qq.com</p>
    </div>
    
    <div class="tj_news">
      <h2>
        <p class="tj_t1">最新文章</p>
      </h2>
      <ul>
      		
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/spjc/39.html">遇见你第4集 遇见</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/37.html">Mozilla 发布能运行在 Android 上的 Firefox OS</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/javascript/36.html">推荐十个最新免费的 jQuery 表格插件</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/qdjs/35.html"> AngularJS logo  HTML的Web框架 AngularJS</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/34.html">GitHub Atom 0.208.0 发布，文本编辑器</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/33.html">iOS 8.4 Beta 4才来，iOS 9解锁密码就升级到6位</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/cxkf/32.html">排名前十的SQL和NoSQL数据库</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/qdjs/31.html">10 个优秀的JavaScript开发框架</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/cxysh/30.html">麻省理工的 Picture 语言：代码瘦身的秘诀</a></li>
        
	
	
        	<li><a href="http://127.0.0.1/cms/cms/Static/black/PHP/29.html">PHP数组操作详解</a></li>
        
	
      </ul>
      <h2>
        <p class="tj_t2">推荐文章</p>
      </h2>
      <ul>
      			
        <li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/27.html">史上最狡猾恶意软件现身：被发现后会自爆</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/cxysh/28.html">27种迹象你该考虑辞掉程序员的工作</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/cxysh/30.html">麻省理工的 Picture 语言：代码瘦身的秘诀</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/33.html">iOS 8.4 Beta 4才来，iOS 9解锁密码就升级到6位</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/37.html">Mozilla 发布能运行在 Android 上的 Firefox OS</a></li>
        
		
        <li><a href="http://127.0.0.1/cms/cms/Static/black/hlwxw/34.html">GitHub Atom 0.208.0 发布，文本编辑器</a></li>
        
      </ul>
    </div>
    <div class="links">
      <h2>
        <p>友情链接</p>
      </h2>
      <ul>
      		
        <li><a href="http://111.com">11</a></li>
        
	
        <li><a href="http://www.houdunwang.com">后盾网</a></li>
        
	
        <li><a href="http://www.qq.com">腾讯QQ</a></li>
        
	
        <li><a href="http://www.baidu.com">百度</a></li>
        
	
      </ul>
    </div>
    <div class="copyright">
      <ul>
        <p> Design by <a href="/">邦CMS</a></p>
        <p></p>
        </p>
      </ul>
    </div>
  </aside>
 <!--右边结束-->
  <script src="js/silder.js"></script>
  <div class="clear"></div>
  <!-- 清除浮动 --> 
</div>
</body>
</html>
